
<div class="base-info-box rent-box" ng-class="{true:'rent-buckle-border'}[!!$parent.rentBuckle.userName]">
            <div class="rent-box-content">
                <div class="rent-lease-title" ng-class="{true:'rent-title-border'}[!!$parent.rentBuckle.userName]">
                    <p class="base-info-title-en base-line-center">Basic rental information</p>
                    <button class="cancle-btn" ng-click="canclesRentprotocol()">终止协议</button>
                </div>
                <div class="rent-base" ng-class="{true:'rent-content-border'}[!!$parent.rentBuckle.userName]">
                <div class="base-info-content rent-base-info rent-base-protocol">
                    <div class="base-info-title-cn" ng-class="{true:'rent-text-border'}[!!$parent.rentBuckle.userName]"><p class="base-line-center pro-change-font">基本租赁信息</p></div>
                    <div class="base-show-box" ng-class="{true:'rent-text-border'}[!!$parent.rentBuckle.userName]">
                        <span class="base-show-title base-center pro-change-font">租期：</span>
                        <p class="base-show-content base-center pro-change-font">{{$parent.rentProtocol.getBeginTime()}} - {{$parent.rentProtocol.getEndTime()}}</p>
                        <p class="base-show-content base-center pro-change-font"><input ng-click="$parent.showRentRenew=true" ng-show="$parent.isProperty" type="button" value="续租" class="btn btn-danger rent-buckle-add"></p>
                        <!--<input ng-click="$parent.showRentRenew=true" ng-show="$parent.isProperty && $parent.rentProtocol.rentStatus=='NORMAL'" type="button" value="续租" class="btn btn-danger rent-buckle-add" $parent.rentProtocol.rentStatus=='NORMAL'>-->
                    </div>
                    <div class="base-show-box" ng-class="{true:'rent-text-border'}[!!$parent.rentBuckle.userName]"><span class="base-show-title base-center pro-change-font">缴租周期：</span><p class="base-show-content base-center pro-change-font">{{$parent.rentProtocol.payCycle}}月</p></div>
                    <div class="base-show-box rent-month-money" ng-class="{true:'rent-text-border'}[!!$parent.rentBuckle.userName]"><span class="base-show-title base-center pro-change-font">月租金：</span><p class="base-show-content base-center pro-change-font">{{$parent.rentProtocol.monthlyRent}}/月</p></div>
                    <div class="base-show-box rent-month-money" ng-class="{true:'rent-text-border'}[!!$parent.rentBuckle.userName]" ng-show="$parent.rentBuckle.userName"></div>
                </div
                >
                    <div class="base-info-content rent-base-hode rent-base-buckle">
                    <div class="base-info-title-cn" ng-class="{true:'rent-text-border'}[!!$parent.rentBuckle.userName]"><p class="base-line-center pro-change-font">代扣信息</p><img ng-click="$parent.showSubmitBuckle=true" ng-show="!$parent.rentBuckle.userName && $parent.isProperty==false" class="pro-edit-img base-line-center" src="img/company/edit.png" alt=""></div>
                    <div class="rent-buckle-null rent-buckle-box" ng-show="!$parent.rentBuckle.userName">
                        <p class="base-line-center rent-payment pro-change-font"><img
                                src="img/rent/mark.jpg">
                            {{$parent.isProperty ? '该公司' : '您'}}还没有添加代扣信息{{$parent.isProperty ? '': '，请您点击按钮添加'}}<input ng-show="$parent.isProperty==false" ng-click="$parent.showSubmitBuckle=true" ng-disabled="!!$parent.rentBuckle.userName"  type="button" value="添加" class="btn btn-danger rent-buckle-add">

                        </p>

                    </div>

                        <div class="rent-buckle-box" ng-show="$parent.rentBuckle.userName" ng-class="{true:'rent-bukle-content-border'}[!!$parent.rentBuckle.userName]">
                        <div class="base-show-box" ng-class="{true:'rent-buckle-text-border'}[!!$parent.rentBuckle.userName]"><span class="base-show-title base-center pro-change-font">户名：</span><p class="base-show-content base-center pro-change-font">{{$parent.rentBuckle.userName}}</p></div>
                        <div class="base-show-box" ng-class="{true:'rent-buckle-text-border'}[!!$parent.rentBuckle.userName]"><span class="base-show-title base-center pro-change-font">银行账号：</span><p class="base-show-content base-center pro-change-font">{{$parent.rentBuckle.bankCardNum}}</p></div>
                        <div class="base-show-box" ng-class="{true:'rent-buckle-text-border'}[!!$parent.rentBuckle.userName]"><span class="base-show-title base-center pro-change-font">开户行：</span><p class="base-show-content base-center pro-change-font">{{$parent.rentBuckle.bankName}}</p></div>
                        <div class="base-show-box" ng-class="{true:'rent-buckle-text-border'}[!!$parent.rentBuckle.userName]"><span class="base-show-title base-center pro-change-font">预留手机号：</span><p class="base-show-content base-center pro-change-font">{{$parent.rentBuckle.phone}}</p></div>
                    </div>
                </div>
                </div>
            </div>
        </div>

        <div class="base-info-box rent-base-box rent-lease-box" ng-class="{true:'rent-lease-border'}[!!$parent.rentPayment]">
            <div class="rent-box-content">
                <div  class="base-info-title-en rent-box-title" ng-class="{true:'rent-lease-title-border'}[!!$parent.rentPayment]"><p class="base-info-title-en base-line-center">Payment information</p></div>
                <div ng-class="{true:'rent-lease-content-border'}[$parent.rentProtocol.rentStatus!='NORMAL']"  class="base-info-content rent-info-content rent-info-box">
                    <div ng-class="{true:'rent-lease-text-border'}[$parent.rentProtocol.rentStatus!='NORMAL']" class="base-info-title-cn"><p class="base-center pro-change-font">缴租信息<img ng-hide="$parent.isProperty" ng-click="$parent.showSubmitRent=true" class="pro-edit-img base-line-center" src="img/company/edit.png" alt=""></p></div>
                    <div ng-class="{true:'rent-lease-text-border'}[$parent.rentProtocol.rentStatus!='NORMAL']" class="base-show-box"><span class="base-show-title base-center pro-change-font">待缴日期：</span><p class="base-show-content base-center pro-change-font">{{$parent.rentProtocol.getImminentPayTime()}}</p></div>
                    <div ng-class="{true:'rent-lease-text-border'}[$parent.rentProtocol.rentStatus!='NORMAL']" class="base-show-box">
                        <span class="base-show-title base-center pro-change-font">缴租状态：</span>
                        <p class="base-show-content base-center pro-change-font">{{$parent.rentProtocol.getRentStatusStr()}}</p>
                        <p class="base-show-content base-center pro-change-font">
                            <input ng-show="$parent.isProperty && $parent.rentProtocol.lockAuthorized==false" type="button" value="授权" class="btn btn-danger rent-buckle-add rend-auth-btn" ng-click="showRentAuthWindow()">
                            <input ng-show="$parent.isProperty && $parent.rentProtocol.rentStatus=='OVERDUE' && $parent.rentProtocol.lockAuthorized==true" type="button" value="取消授权" ng-click="showRentCancelAuthWindow();" class="btn btn-danger rent-buckle-add rend-auth-btn reli-no-auth-color">
                        </p>
                    </div>

                    <div ng-class="{true:'rent-lease-text-border'}[$parent.rentProtocol.rentStatus!='NORMAL']" class="base-show-box" ng-show="$parent.rentProtocol.rentStatus=='NORMAL'"></div>

                    <div ng-show = "$parent.rentProtocol.rentStatus!='NORMAL'"ng-class="{true:'rent-lease-text-border'}[!!$parent.rentPayment]"  class="base-show-box"><span class=" base-show-title pro-change-font">银行流水号：</span>
                        <p class="rent-show-text base-show-content pro-change-font">{{$parent.rentPayment.bankSerialNum}}</p>
                        <p class="rent-show-text base-show-content pro-change-font"><input ng-show="$parent.isProperty==false && $scope.rentPayment.status!=='CONFIRMED' && $parent.rentPayment.bankSerialNum" ng-click="$parent.showChangeSubmitRent=true" type="button" value="修改" class="btn btn-danger rent-buckle-add"></p>

                    </div>
                    <div ng-show = "$parent.rentProtocol.rentStatus!='NORMAL'" ng-class="{true:'rent-lease-text-border'}[!!$parent.rentProtocol.rentStatus!='NORMAL']"  class="base-show-box"><span class="base-show-title pro-change-font">缴租金额：</span>
                        <p class="rent-show-text base-show-content pro-change-font">{{$parent.rentPayment.amount}}</p>
                        <p class="rent-show-text base-show-content pro-change-font"><input ng-show="$parent.isProperty==false && $scope.rentPayment.status!=='CONFIRMED'&& $parent.rentPayment.amount" ng-click="$parent.showChangeSubmitRent=true" type="button" value="修改" class="btn btn-danger rent-buckle-add">
                            <input ng-click="$parent.showRentVerify=true" ng-show="$parent.isProperty==true && $parent.rentPayment.status=='UNVERIFIED'" type="button" value="确认核实" class="btn btn-danger rent-buckle-add rend-buckle-check rent-check ">
                            <span ng-show=" $parent.rentPayment.status=='MISMATCHING'" class="rent-buckle-add rend-buckle-check rent-check rent-button-err-font" value="银行流水与缴租金额不符">
                                <img class="rent-warn-img" src='img/warn.png'>银行流水与缴租金额不符</span>
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <div class="base-info-box rent-base-box">
            <div class="rent-past-title-box">
                <div class="rent-past-title base-info-title-en rent-box-title"><p class="base-info-title-en base-line-center">Payment history</p></div>
            </div>
            <div class="base-info-content">
                <div class="rent-past-content">
                    <div class="rent-past-title-border"><p class="base-info-title-cn rent-past-text base-center pro-change-font ">往期缴租信息</p></div>
                </div>
                <div class="rent-table-box" ng-class="{false: 'rent-hide-table-all'}[!!$parent.showAllPlanItem]">
                    <table class="rent-plan-table">
                    <thead>
                    <tr>
                        <th class="pro-change-font">计划日期</th>
                        <th class="pro-change-font">计划金额</th>
                        <th class="pro-change-font">缴费日期</th>
                        <th class="pro-change-font">缴费金额</th>
                        <th class="pro-change-font">缴费状态</th>
                        <th class="pro-change-font">银行流水号</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="planItem in $parent.rentPlanItemList">

                        <td class="pro-change-font">{{planItem.getPlannedTime()}}</td>
                        <td class="pro-change-font">{{planItem.plannedRental}}</td>
                        <td class="pro-change-font">{{planItem.getActualTime()}}</td>
                        <td class="pro-change-font">{{planItem.actualPay}}</td>
                        <td class="pro-change-font">{{planItem.getFinishedStr()}}</td>
                        <td class="pro-change-font">{{planItem.bankSerialNum[0]}}</td>
                    </tr>
                    </tbody>
                    </table>
                </div>
                <div class="rent-all-plan-box">
                    <div class="rent-plan-back" ng-click="$parent.showAllPlanItem=!$parent.showAllPlanItem">更多缴费记录
                        <span class="rent-plan-down-arrow fa fa-2x" ng-class="{false: 'fa-angle-down', true: 'fa-angle-up'}[!!$parent.showAllPlanItem]"></span>
                    </div>
                </div>
            </div>
        </div>


<div class="base-background make-sure-div" ng-show="showCanclesRentprotocol">
    <div class="reau-box" style="min-width:512px;
    min-height: 270px;">
        <div class="reau-content">
            <h6 class="reau-title">终止协议</h6>
            <p class="reau-text">终止当前协议将同时终止后续所有协议，请输入当前企业名称并确认终止</p>
            <div class="lofi-confirm-text">
                <input ng-model="confirmOwnerName" type="text" placeholder="请输入当前企业名称" class="lofi-confirm-input">
            </div>
            <div class="reau-button-box">
                <input ng-click="hideCanclesRentprotocol()" class="btn btn-default reau-button" type="button" value="取 消"><input class="btn btn-default reau-button reau-confirm-button" ng-click="makeSureCanclesRentprotocol()" type="button" value="确 定">
            </div>
        </div>
        <a class="base-close-window"  ng-click="hideCanclesRentprotocol()">
            <!--<span class="base-close-window-content" ng-style="EleStyle.lineHeight('base-close-window', 1)">✕</span>-->
            <span  class="base-close-window-content">ｘ</span>
        </a>
    </div>
</div>
